<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>3.7 CSS3盒子阴影效果box-shadow</title>
    <style>
        body{
            background-color: #e9e9e9;
        }
        .ceng{
            width: 294px;
            padding: 10px 10px 20px 10px;
            border: 1px solid #BFBFBF;
            background-color: white;
            box-shadow: 2px 2px 20px #aaa;
        }
        .ceng img{
            width: 100%;
        }
        .rotate_left,.rotate_right{
            float: left;
        }
        .rotate_left{
            transform: rotate(7deg);
        }
        .rotate_right{
            transform: rotate(-8deg);
        }
    </style>
</head>
<body>
   <div class="ceng rotate_left">
        <img src="./img/003.png" alt="">
        <p>上海花港的郁金香，花名ballade dream</p>
   </div>

   <div class="ceng rotate_right">
       <img src="./img/003.png" alt="">
       <p>上海花港的郁金香，花名ballade dream</p>
   </div>
</body>
</html>